<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创客贴_平面设计作图神器_免费设计模板_在线稿定设计印刷</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        <section class='headWrapper'>
            <!-- 头部banner -->
            <div class="headW">
                <div class="head clear">
                    <a class='logo' href="javascript:;">
                    </a>
                    <ul class="clear" class='headUl'>
                        <li>设计工具</li>
                        <li class='tr'>模板中心 <span class='trs'></span>
                            <div class="cart drop">
                                <ul class="cartLeft">
                                    <li class='active'>
                                        <h3>用途</h3>
                                        <span>人才招聘</span><span>宣传营销</span>
                                    </li>
                                    <li>
                                        <h3>用途</h3>
                                        <span>人才招聘</span><span>宣传营销</span>
                                    </li>
                                    <li>
                                        <h3>用途</h3>
                                        <span>人才招聘</span><span>宣传营销</span>
                                    </li>
                                    <li>
                                        <h3>用途</h3>
                                        <span>人才招聘</span><span>宣传营销</span>
                                    </li>
                                </ul>
                                <div class="cartRight">
                                    <ul class="cartRightItem active">
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                    </ul>
                                    <ul class="cartRightItem">
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>

                                    </ul>
                                    <ul class="cartRightItem">
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                        <li>
                                            <h4>人才招聘</h4>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                            <span>人才招聘</span>
                                        </li>
                                    </ul>
                                    <ul class="cartRightItem">
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>
                                        <li>
                                            <h4>教育培训</h4>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                            <span>教育培训</span>
                                        </li>

                                    </ul>

                                </div>
                            </div>
                        </li>
                        <li>在线印刷</li>
                        <li>功能介绍
                            <ul class="product clear drop">
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                                <li>海报设计</li>
                                <li>名片设计</li>
                                <li>折纸设计</li>
                                <li>宣传单设计</li>
                                <li>社交图片</li>
                                <li>微博图片</li>
                            </ul>
                        </li>
                        <li>客户端
                            <div class="code drop">
                                <ul class="clear">
                                    <li>
                                        <div class="im">
                                            <img src="./images/code1.png" alt="">
                                        </div>

                                        移动端APP
                                    </li>
                                    <li>
                                        <div class="im">
                                            <img src="./images/code2.jpg" alt="">
                                        </div>
                                        微信小程序
                                    </li>
                                </ul>
                                <p>PC客户端<span>快速、稳定、高效的设计体验</span></p>

                            </div>
                        </li>
                        <li class='iconfont   icon-more'>
                            <ul class='dropTr drop'>
                                <li>客户端</li>
                                <li>设计师招募</li>
                                <li>活动中心</li>
                                <li>定制设计</li>
                                <li>API接入</li>
                                <li>抠图</li>
                            </ul>
                        </li>
                        <li>个人VIP
                            <div class="dropCom drop">
                                <h3>加入企业VIP，即可享受</h3>
                                <ul>
                                    <li class="dropCom-f">
                                        <span></span>
                                        <div>
                                            <p> 企业商用版权</p>
                                            <em>15完+正版模板、120万+高清素材企业正版商用</em>
                                        </div>
                                    </li>
                                    <li class="dropCom-f dropCom-s">
                                        <span></span>
                                        <div>
                                            <p> 品牌管理</p>
                                            <em>创建团队模板、素材，轻松让团队成员的营销素材符合品牌规范</em>
                                        </div>
                                    </li>
                                    <li class="dropCom-f dropCom-t">
                                        <span></span>
                                        <div>
                                            <p> 团队协作</p>
                                            <em>支持设计协作，素材共享，赋予团队每个成员设计能力</em>
                                        </div>
                                    </li>
                                    <li class="dropCom-f dropCom-l">
                                        <span></span>
                                        <div>
                                            <p> 企业发票</p>
                                            <em>正规企业发票，线上申请，报销无忧</em>
                                        </div>
                                    </li>

                                </ul>
                                <button>开通会员</button>
                            </div>
                        </li>
                        <li>企业VIP
                            <div class="dropCom drop">
                                <h3>加入企业VIP，即可享受</h3>
                                <ul>
                                    <li class="dropCom-f">
                                        <span></span>
                                        <div>
                                            <p> 企业商用版权</p>
                                            <em>15完+正版模板、120万+高清素材企业正版商用</em>
                                        </div>
                                    </li>
                                    <li class="dropCom-f dropCom-s">
                                        <span></span>
                                        <div>
                                            <p> 品牌管理</p>
                                            <em>创建团队模板、素材，轻松让团队成员的营销素材符合品牌规范</em>
                                        </div>
                                    </li>
                                    <li class="dropCom-f dropCom-t">
                                        <span></span>
                                        <div>
                                            <p> 团队协作</p>
                                            <em>支持设计协作，素材共享，赋予团队每个成员设计能力</em>
                                        </div>
                                    </li>
                                    <li class="dropCom-f dropCom-l">
                                        <span></span>
                                        <div>
                                            <p> 企业发票</p>
                                            <em>正规企业发票，线上申请，报销无忧</em>
                                        </div>
                                    </li>

                                </ul>
                                <button>开通会员</button>
                            </div>
                        </li>
                    </ul>
                    <div class="login">
                        <em></em>
                        <span>登录 | 注册</span>
                    </div>
                </div>
            </div>
            <!-- 头部container -->
            <div class="center wrapper">
                <div class="left">
                    <h2>极简的设计工具</h2>
                    <span>丰富的模板</span>
                    <span>极简的操作</span>
                    <span>多终端协作</span>
                    <button>免费使用</button>
                </div>
                <div class="right">
                    <img src="./images/vt.png" alt="">
                    <video controls loop autoplay muted poster duration>
                        <source src="./images/v.mp4" type="video/mp4"></video>
                </div>
            </div>
            <!-- 动画 -->
            <div class="bg1"></div>
            <div class="bg2"></div>
        </section>

        <!-- 鼠标移动轮播  -->
        <div class="indexScene">
            <!-- 介绍 -->
            <div class="desc">
                <h4>丰富的场景，满足您的所有使用需求</h4>
                <p>涵盖海报、新媒体营销、印刷物料、工作文档、电商、生活等</p>
                <button>查看更多</button>
            </div>
            <!-- 轮播图 -->
            <div class="carousel">
                <ul class='clear'>
                    <li class='carList carListF'>
                        <div class="imgBox">
                        </div>
                        <p>邀请函</p>

                    </li>
                    <li class='carList carListS'>
                        <div class="imgBox"></div>
                        <p>名片</p>
                    </li>
                    <li class='carList carListS carListT'>
                        <div class="imgBox"></div>
                        <p>PPT(16:9)</p>
                    </li>
                    <li class='carList carListF carListFo'>
                        <div class="imgBox"></div>
                        <p>张贴海报</p>
                    </li>
                    <li class='carList carListS carListFr'>
                        <div class="imgBox"></div>
                        <p>公众号封面首图</p>
                    </li>
                    <li class='carList carListF  carListSix'>
                        <div class="imgBox"></div>
                        <p>手机海报</p>
                    </li>
                    <li class='carList carListS carListSeven'>
                        <div class="imgBox"></div>
                        <p>模板海报</p>
                    </li>
                    <li class='carList carListS carListEight'>
                        <div class="imgBox"></div>
                        <p>营销长图</p>
                    </li>
                    <li class='carList carListS carListNine'>
                        <div class="imgBox"></div>
                        <p>宣传单</p>
                    </li>
                    <li class='carList carListS carListTen'>
                        <div class="imgBox"></div>
                        <p>名片</p>
                    </li>
                    <li class='carList carListS carListEleven'>
                        <div class="imgBox"></div>
                        <p>名片</p>
                    </li>
                    <li class='carList carListS carListTwelve'>
                        <div class="imgBox"></div>
                        <p>名片</p>
                    </li>                  
                </ul>
            </div>
        </div>


        <!-- 第三部分 -->
        <div class="introduceW">
            <div class="introduce wrapper">
                <!-- 左边 -->
                <div class="intrLeft">
                    <h4>海量版权资源</h4>
                    <p>海量优质版权资源每日更新，摄影图片、矢量、插画应有尽有</p>
                    <ul>
                        <li>数以百万计的免费图片资源</li>
                        <li>10000+矢量图标素材</li>
                        <li>300多款字体</li>
                    </ul>
                    <button>查看详情</button>
                </div>
                <!-- 右边 -->
                <div class="intrRight">
                    <img src="images/inright.png" alt="">
                </div>
            </div>
        </div>

        <!-- 第四部分 -->
        <div class="introduceFoot introduceW">
            <div class="introduceF introduce wrapper">
                <!-- 左边 -->
                <div class="inFootLeft">
                    <img src="./images/ins.png" alt="">
                </div>

                <!-- 右边 -->
                <div class="inFootRight">
                    <h4>在线设计、下单印刷、一站式服务</h4>
                    <ul>
                        <li>
                            <p>设计无忧</p>
                            <span>在线自助设计，海量精美模板供您选择</span>
                        </li>
                        <li>
                            <p>设计无忧</p>
                            <span>在线自助设计，海量精美模板供您选择</span>
                        </li>
                        <li>
                            <p>设计无忧</p>
                            <span>在线自助设计，海量精美模板供您选择</span>
                        </li>
                        <li>
                            <p>设计无忧</p>
                            <span>在线自助设计，海量精美模板供您选择</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 第五部分 选项卡 作品展示 -->
        <div class="exampleW">
            <div class="example wrapper">
                <h4>海量精美模板，满足不用场景使用</h4>
                <!-- 选项 -->
                <ul class="list">
                    <li class='active'>海报</li>
                    <li>公众号</li>
                    <li>手机壁纸</li>
                    <li>名片</li>
                    <li>PPT</li>
                    <li>易拉宝</li>
                    <li>简历</li>
                    <li>邀请函</li>
                    <li>宣传单</li>
                    <li>贺卡</li>
                </ul>
                <!-- 内容 -->
                <div class="container">
                    <div class="conList clear">
                        <ul class="clear activeC">
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/list.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>
                            <li>
                                <img src="images/gzh.png" alt="">
                                <p>做好防护万众一心抗击疫情手机海报</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>
                            <li>
                                <img src="images/sjbz.png" alt="">
                                <p>简约文字黑白图文手机壁纸</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>
                            <li>
                                <img src="images/mp.png" alt="">
                                <p>简约创意通用名片</p>
                            </li>

                        </ul>
                        <ul class="clear ppt">
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>
                            <li>
                                <img src="images/ppt.jpg" alt="">
                                <p>几何元素高端融资计划PPT模板汇报</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>
                            <li>
                                <img src="images/ylb.png" alt="">
                                <p>餐饮美食火锅促销活动易拉宝</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>
                            <li>
                                <img src="images/jl.png" alt="">
                                <p>蓝色商务通用性简历</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                            <li>
                                <img src="images/ms.png" alt="">
                                <p>商务科技渐变面试电子邀请函</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>
                            <li>
                                <img src="images/js.png" alt="">
                                <p>健身俱乐部会所时尚推广宣传单</p>
                            </li>

                        </ul>
                        <ul class="clear">
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>
                            <li>
                                <img src="images/hk.png" alt="">
                                <p>简约个性乔迁新居贺卡</p>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第六部分 数据统计 -->
        <div class="infoWrapper">
            <div class="info wrapper">
                <ul>
                    <li>
                        <h3><span>15,000,000</span> +</h3>
                        <p>用户</p>
                    </li>
                    <li>
                        <h3> <span>8000 </span>多家</h3>
                        <p>企业</p>
                    </li>
                    <li>
                        <h3><span>15,000,000</span>+</h3>
                        <p>设计制作</p>
                    </li>
                    <li>
                        <h3><span>100</span>+</h3>
                        <p>每分钟创建</p>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 第七部分 轮播图 -->
        <div class="mouthWrapper">
            <div class="mouth wrapper">
                <h3>我们的口碑</h3>
                <div class="mouthCon">
                    <div class="mouthLeft">
                        <ul class="Carousel1 clear">
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>1</span>/6</p>
                                </div>

                            </li>
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>2</span>/6</p>
                                </div>

                            </li>
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>3</span>/6</p>
                                </div>

                            </li>
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>4</span>/6</p>
                                </div>

                            </li>
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>5</span>/6</p>
                                </div>

                            </li>
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>6</span>/6</p>
                                </div>

                            </li>
                            <!-- 复制第一份
                            <li>
                                <img src="./images/lbt1.png" alt="">
                                <div class="bott">
                                    <p>创客贴：PS小白分分钟变‘专业制图师’</p>
                                    <p><span>1</span>/6</p>
                                </div>

                            </li> -->
                        </ul>
                        <!-- 左右箭头 -->
                        <a href="javascript:;" class="arrow changeLeft"></a>
                        <a href="javascript:;" class="arrow changeRight"></a>
                    </div>
                    <div class="mouthRight">
                        <div class="rightWrapper clear">
                            <div class="rightSlider slider">
                                <ul>
                                    <li>
                                        <div class='slLeft'></div>
                                        <div class="slRight">
                                            <p>“创客贴一站式设计平台不仅极大提升了用户工作效率，同时也帮用户解决了版权上的顾虑。”</p>
                                            <span>金山办公COO 章庆元</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class='slLeft'></div>
                                        <div class="slRight">
                                            <p>“创客贴一站式设计平台不仅极大提升了用户工作效率，同时也帮用户解决了版权上的顾虑。”</p>
                                            <span>金山办公COO 章庆元</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class='slLeft'></div>
                                        <div class="slRight">
                                            <p>“创客贴一站式设计平台不仅极大提升了用户工作效率，同时也帮用户解决了版权上的顾虑。”</p>
                                            <span>金山办公COO 章庆元</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="leftSlider slider">
                                <ul>
                                    <li>
                                        <div class='slLeft slLeft2'></div>
                                        <div class="slRight">
                                            <p>“创客贴一站式设计平台不仅极大提升了用户工作效率，同时也帮用户解决了版权上的顾虑。”</p>
                                            <span>金山办公COO 章庆元</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class='slLeft slLeft2'></div>
                                        <div class="slRight">
                                            <p>“创客贴一站式设计平台不仅极大提升了用户工作效率，同时也帮用户解决了版权上的顾虑。”</p>
                                            <span>金山办公COO 章庆元</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class='slLeft slLeft2'></div>
                                        <div class="slRight">
                                            <p>“创客贴一站式设计平台不仅极大提升了用户工作效率，同时也帮用户解决了版权上的顾虑。”</p>
                                            <span>金山办公COO 章庆元</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- PAGINATION分页器 -->
                        <ul class="pagination">
                            <li class="active"></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 第八部分 选项卡 -->
        <div class="linkWrapper">
            <div class="link wrapper">
                <ul class="linkList">
                    <li class='activeLi'>友情链接</li>
                    <li>合作伙伴</li>
                    <li>友情链接</li>
                    <li>合作伙伴</li>
                    <li>友情链接</li>
                    <li>合作伙伴</li>
                    <li>友情链接</li>
                    <li>合作伙伴</li>
                </ul>
                <ul class="linkCon clear">
                    <li class="activeCon">
                        <a href="javascript:;">中国设计网</a>
                        <a href="javascript:;">中国设计网</a>
                        <a href="javascript:;">中国设计网</a>
                        <a href="javascript:;">中国设计网</a>
                        <a href="javascript:;">中国设计网</a>
                        <a href="javascript:;">中国设计网</a>
                        <a href="javascript:;">中国设计网</a>
                    </li>
                    <li>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                        <a href="javascript:;">PPT模板</a>
                    </li>
                    <li>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                        <a href="javascript:;">电影海报</a>
                    </li>
                    <li>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>
                        <a href="javascript:;">免费PPT模板</a>

                    </li>
                    <li>
                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                        <a href="javascript:;">抗疫疫情</a>

                    </li>
                    <li>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>
                        <a href="javascript:;">海报设计</a>

                    </li>
                    <li>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>
                        <a href="javascript:;">名片设计模板</a>

                    </li>
                    <li>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                        <a href="javascript:;">值得收藏的四个简历制作技巧</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 底部 -->
        <div class="footerWrapper">
            <div class="footer wrapper">
                <div class="footerLeft">
                    <h5>联系我们</h5>
                    <span>400-871-8211</span>
                    <ul class='clear'>
                        <li><span>在线客服</span></li>
                        <li><span>在线客服</span></li>
                        <li></li>
                        <li><span>在线客服</span></li>
                    </ul>
                </div>
                <div class="footerRight">
                    <dl>
                        <dt>终端</dt>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>

                    </dl>
                    <dl>
                        <dt>终端</dt>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>

                    </dl>
                    <dl>
                        <dt>终端</dt>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>

                    </dl>
                    <dl>
                        <dt>终端</dt>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">PC客户端</a>
                        </dd>

                    </dl>

                </div>
            </div>
        </div>
        <div class="footerCopy">
            <span>Copyright©北京艺源酷科技有限公司 京ICP备14056892号-1</span>
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>